<div class="wf-list-item grey-shadow" (mouseover)="mouseOver()"
     (mouseleave)="mouseLeave()" [ngClass]="{'item-hover': item.hover}" (click)="onItemClick(item)">
  <div class="img-container">
    <img [src]="item.picture">
  </div>
  <div class="content-container">
    <div class="item-title none-gap-span">
      <span class="fl text-hover item-title-text">{{item.title}}</span>
      <span class="text-month rent-price fr">&nbsp;元/月起</span>
      <span class="rent-price fr">￥&nbsp;{{item.rent}}</span>
    </div>
    <div class="item-content text-hover text-grey" >{{item.content}}</div>
    <div class="item-address text-hover text-grey">{{item.address}}</div>
    <div class="item-btn">
      <!--*ngif="item.status==0"-->
      <div class="fr wf-animation-button text-grey hvr-bounce-bg-to-right main-theme-bg"
           (click)="showBookingModal(item);$event.stopPropagation()">预约看房
      </div>
      <div class="fr wf-animation-button text-grey hvr-bounce-bg-to-right main-theme-bg"
           (click)="goToRentingView(item.id);$event.stopPropagation()">我要租
      </div>
    </div>
  </div>
</div>
<booking-house-modal-view [apartmentId]="apartmentId" [showModal]="showModal" (modalClose)="closeModal($event)"></booking-house-modal-view>
<login-modal-view [showModal]="showLoginModal" (modalClose)="closeLogin($event)"></login-modal-view>
